

.icon_lists {
    width: 100% !important;
    overflow: hidden;
    *zoom: 1;
}

    .icon_lists li {
        width: 80px;
        margin-bottom: 5px;
        margin-right: 2px;
        text-align: center;
        list-style: none !important;
        cursor: default;
    }

        .icon_lists li .code-name {
            line-height: 1.2;
            display: none;
        }

    .icon_lists .icon {
        display: block;
        height: 35px;
        line-height: 50px;
        font-size: 25px;
        margin: 5px auto;
        color: #333;
        -webkit-transition: font-size 0.25s linear, width 0.25s linear;
        -moz-transition: font-size 0.25s linear, width 0.25s linear;
        transition: font-size 0.25s linear, width 0.25s linear;
    }

        .icon_lists .icon:hover {
            font-size: 100px;
        }

    .icon_lists .svg-icon {
        /* 通过设置 font-size 来改变图标大小 */
        width: 1em;
        /* 图标和文字相邻时，垂直对齐 */
        vertical-align: -0.15em;
        /* 通过设置 color 来改变 SVG 的颜色/fill */
        fill: currentColor;
        /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
      normalize.css 中也包含这行 */
        overflow: hidden;
    }

    .icon_lists li .name,
    .icon_lists li .code-name {
        color: #666;
    }
